package com.example.myapplication.screen

import androidx.compose.foundation.background
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.PaddingValues
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.height
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.text.font.FontFamily
import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp

@Composable
fun PreviewRow(innnerPadding:  PaddingValues){
    Row(
        modifier = Modifier.fillMaxWidth()  //宽度
            .height(200.dp) //高度
            .background(Color.Magenta), //背景色
        horizontalArrangement = Arrangement.SpaceAround,    //平均对齐
        verticalAlignment = Alignment.CenterVertically   //上对齐
    ) {
        Text(
            text = "Android",
            fontSize = 20.sp,
            color = Color.White,
            fontFamily = FontFamily.Serif,
            modifier = Modifier.background(Color.Red)
        )

        Text(
            text = "HarmonyOS",
            fontSize = 20.sp,
            color = Color.White,
            fontFamily = FontFamily.Serif,
            modifier = Modifier.background(Color.Green)
        )

        Text(
            text = "IOS",
            fontSize = 20.sp,
            color = Color.White,
            fontFamily = FontFamily.Serif,
            modifier = Modifier.background(Color.Blue)
        )
    }
}